@charset 'utf-8';
@import 'base';

.header{
    background-color: #fff;
}
h1{
    float: left;
    width: 142px;
    height: 63px;
    padding: 50px 0;
    a{
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -100em;
        background: url(../assets/images/logo.png) no-repeat;
        overflow: hidden;
    }
}
.header-nav{
    float: right;
    padding-top: 78px;
    margin-left: 330px;
    overflow: hidden;
    a{
        float: left;
        position: relative;
        font: 400 18px/48px $font_family;
        color: $base_color;
        margin-right: 84px;
        overflow: hidden;
        i{
            display: block;
            width: 0;
            height: 3px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: $base_color;
        }
    }
    a:hover i{
        width: 100%;
    }
}